<template lang="html">
	<div class="detailsshji_main">
		<Header :HeaderTitle="header_title"></Header>
		<ul class="detailsshji_box">
			<li v-for="item in sp_jianjie_list">
				<img :alt="title" :src="item">
			</li>
		</ul>
	</div>
</template>
<script type="text/javascript">
import Header from "../header/header.vue";
export default {
  props:["list"],
  data(){
  	return{
  		header_title:{url:"/",title:"商品详情"},
  		sp_jianjie_list:[],
  		title:""
  	}
  },
  created:function(){
    this.shjishuju();
  },
  methods:{
    shjishuju:function(){
      let routerParams = this.$route.query.id,
        imgurl1 = this.$route.query.imgurl,
        conent = this,
        _url = "/index.php?g=app&m=shopping&a=goods_one_post",
        _data={
          id:routerParams
        };
        conent.$http.post(_url,_data).then(function(data){
        if(data.data.status== "1"){
          conent.sp_jianjie_list = data.data.data.goods_info.sp_jianjie_list.split(",");
          conent.title =data.data.data.goods_info.sp_title;
        }else {
          
        }
      },function(response){
          conent.$toast(response);
      })
    }
  },
  components:{
  	'Header':Header
  }
}
</script>
<style type="text/css" lang="less">
	@import '../../../assets/less/index.less';
	.detailsshji_main{
		.detailsshji_box{
			li{
				width: 100vw;
				img{
					width: 100vw;
				}
			}
		}
	}
</style>